import { defineComponent, reactive } from 'vue'
import RoleTable from './RoleTable'
import MenuTree from './MenuTree'

export default defineComponent({
  name: 'SysRole',
  setup() {
    const state = reactive({
      roleId: ''
    })
    return () => {
      return (
        <a-row gutter={20}>
          <a-col span={14}>
            <RoleTable v-model={[state.roleId, 'roleId']} />
          </a-col>
          <a-col span={10}>
            <MenuTree roleId={state.roleId} />
          </a-col>
        </a-row>
      )
    }
  }
})
